<template>
  <div class="home">
    <home-search-bar/>
    <white-space/>
    <home-banners/>
    <white-space/>
    <home-menus/>
    <white-space/>
    <home-grid-products/>
    <white-space/>
    <home-collection-product-list title="手机专区"
                                  banner-image="http://static.mallfoundry.com/2020/10/09/kg1qx7lblfltle41.jpg"
                                  name="手机" :limit="6"/>
    <white-space/>
    <home-collection-product-list title="智能声学"
                                  banner-image="http://static.mallfoundry.com/2020/10/09/kg1qx71ulfltfhyh.jpg"
                                  banner-to="/products/330"
                                  name="耳机" :limit="9"/>
    <white-space/>
    <home-collection-product-list title="智能穿戴"
                                  banner-image="http://static.mallfoundry.com/2020/10/09/kg1qx6pnlflthdu7.jpg"
                                  banner-to="/products/339"
                                  name="手环 手表" :limit="6"/>
    <white-space/>
    <home-collection-product-list title="手机配件"
                                  banner-image="http://static.mallfoundry.com/2020/10/09/kg1qx7azlflt4po1.jpg"
                                  banner-to="/products/347"
                                  name="电源" :limit="6"/>
    <white-space/>
    <home-collection-product-list title="智能家居"
                                  banner-image="http://static.mallfoundry.com/2020/10/09/kg1qx63mlfltgizh.png"
                                  banner-to="/products/356"
                                  name="遥控器 体脂秤 音箱 路由器" :limit="6"/>
    <white-space/>
    <home-products/>
    <tabbar/>
  </div>
</template>

<script>
import Tabbar from "@/components/Tobbar"
import HomeSearchBar from "./HomeSearchBar"
import HomeBanners from "@/views/home/HomeBanners"
import WingBlank from "@/components/WingBlank"
import WhiteSpace from "@/components/WhiteSpace"
import HomeMenus from "@/views/home/HomeMenus"
import HomeProducts from "@/views/home/HomeProducts"
import HomeGridProducts from "@/views/home/HomeGridProducts"
import HomeCollectionProductList from "@/views/home/HomeCollectionProductList"

export default {
  name: "Home",
  components: {
    HomeCollectionProductList,
    HomeProducts,
    HomeMenus,
    HomeGridProducts,
    WhiteSpace,
    WingBlank,
    HomeBanners,
    HomeSearchBar,
    Tabbar,
  },
}
</script>
